<div class="layui-body">
  <div style="padding: 16px;">
    <table class="layui-hide" id="test" lay-filter="test"></table>
    <div class="layui-row content-body place-holder">
      <!-- 表单上面的按钮 -->
      <div class="lay-col-lg12">
        <script type="text/html" id="toolEventDemo">
          <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
          </div>
        </script>
      </div>
      <!-- 表单上面的按钮END -->

      <table class="layui-hide" id="ID-table-demo-data" lay-filter="ID-table-demo-data"></table>
      <script>
        layui.use(['table', 'form', 'dropdown'], function() {
          var table = layui.table;
          var laypage = layui.laypage;
          var dropdown = layui.dropdown;
          //数据渲染
          table.render({
            elem: '#ID-table-demo-data',
            cols: [
              [ //标题栏
                {
                  field: 'id',
                  title: 'ID'
                },
                {
                  field: 'username',
                  title: '用户名'
                },
                {
                  field: 'phone',
                  title: '手机号'
                },
                {
                  field: 'email',
                  title: '电子邮件'
                },
                {
                  field: 'imgurl',
                  title: '头像',
                  templet: '#ID-table-imgurl'
                },
                {
                  field: 'static',
                  title: '是否可用'
                },
                {
                  fixed: 'right',
                  title: '操作',
                  width: 134,
                  minWidth: 125,
                  templet: '#toolEventDemo'
                }
              ]
            ],
            url: '/admin/api/seauser.php',
            toolbar: '#toolbarDemo',
            method: 'post',
            parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
              //console.log("成功" + res.code + ";==" + res.msg + ";" + res.count);
              return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.count, //解析数据长度
                "data": res.data //解析数据列表
              };
            },
            page: true,
            limit: 5,
            limits: [5, 10, 20, 30]
          });
          table.on('tool(ID-table-demo-data)', function(obj) {
            var data = obj.data; // 得到当前行数据
            var dataCache = obj.dataCache; // 得到当前行缓存数据，包含特定字段 --- 2.8.8+
            var index = obj.index; // 得到当前行索引
            var layEvent = obj.event; // 获得元素对应的 lay-event 属性值
            var tr = obj.tr; // 得到当前行 <tr> 元素的 jQuery 对象
            var options = obj.config; // 获取当前表格基础属性配置项
            var col = obj.getCol(); // 得到当前列的表头配置属性 -- v2.8.3 新增
            //console.log(obj); // 查看对象所有成员

            // 根据 lay-event 的值执行不同操作
            if (obj.event === 'edit') {
              layer.open({
                title: '编辑 - id:' + data.id,
                type: 1,
                area: ['80%', '80%'],
                content: '<div style="padding: 16px;">是否确认修改ID为'+data.id+'的账户？<br> <form action="/admin/userupdata.php" method="get"><input type="hidden" name="uid" value='+data.id+'><button type="submit" class="layui-btn layui-btn-radius">确认修改</button></form><form action="/admin/usermt.php" method="get"><button type="submit" class="layui-btn layui-btn-radius">取消修改</button></form></div>'
              });
            } else {
              layer.open({
                title: '编辑 - id:' + data.id,
                type: 1,
                area: ['50%', '50%'],
                content: '<div style="padding: 16px;">是否确认删除ID为'+data.id+'的账户？<br><blockquote class="layui-elem-quote">删除用户的同时还会删除与该用户有关的文章和附件，请谨慎删除！</blockquote><form action="/admin/api/deluser.php" method="get"><input type="hidden" name="uid" value='+data.id+'><button type="submit" class="layui-btn layui-btn-radius">确认删除</button></form><form action="/admin/usermt.php" method="get"><button type="submit" class="layui-btn layui-btn-radius">取消删除</button></form></div>'
              });
            }
          });
        });
      </script>
      <script type="text/html" id="ID-table-imgurl">
        <img src="{{d.imgurl}}" style="width: 25px; height: 25px;">
      </script>
    </div>